var MGLang = {

	transformChain : {

		typeMap : {

			'change-html'	: 'Change HTML',
			'change-prop'	: 'Change Style',
			'change-attr'	: 'Change Attribute',
			'add-attr'		: 'Add Attribute',
			'remove-attr'	: 'Remove Attribute',
			'add-elem'		: 'Add Element',
			'resize-elem'	: 'Resize Element',
			'cut-elem'		: 'Move Element',
			'copy-elem'		: 'Copy Element',
			'change-elem'	: 'Change Element',
			'm9tize-elem'	: 'M9tize Element',
			'remove-elem'	: 'Remove Element',
			'bring-top'		: 'Bring to Top',
			'bring-bottom'	: 'Bring to Bottom',
			'add-css-rule'	: 'Add CSS Rule',		
			'edit-css-rule'	: 'Edit CSS Rule',		
			'delete-css-rule': 'Delete CSS Rule',		
			'add-rule'		: 'Add CSS Element',			
			'edit-rule'		: 'Edit CSS Element',			
			'delete-rule'	: 'Delete CSS Element'			
		}
	},

	filePanelCaptions : {

		'open'		: 'Open Transformation',
		'saveas'	: 'Save Transformation',
		'delete'	: 'Remove Transformation',
		'publish'	: 'Publish Transformations',
		'embed'		: 'Embed Transformations in bookmarklet',
		'select'	: 'Select File'
	},

	infos : {

		'new_option_bml'		: 'Options have been saved in the bookmarklet below.<br/>Replace current Jelliphy Ext bookmarklet with this one to access the new options.',
		'embed_bml'				: '<b>Selected transformations have been embedded in the bookmarklet below.</b><br/><br/>Add it to your favorites and use it when you return to this page: transforamtions will be automatically applied without loading the graphic interface.',

		'new_empty'				: 'Transform chain is already empty.',
		'save_ok'				: 'Transformation saved successfully.',
		'publish_ok'			: 'Transformation(s) published successfully.<br><br>Try to <b>exit</b> from Jelliphy and see the results.',
		'welcome_head'			: 'Welcome to <a href="http://www.dispage.com/products/jelliphy" target="_blank">Jelliphy</a>, the brand new way to draw web.',
		'welcome_body'			: 'Jelliphy is a <b>Web Graphic Interface</b> that allows you to: <a href="javascript:MGTut.showStep(\'colorPicker\');">color</a>, <a href="javascript:MGTut.showStep(\'moveElement\');">move</a>, <a href="javascript:MGTut.showStep(\'textFormatting\');">format text</a>, <a href="javascript:MGTut.showStep(\'addTextShadow\');">add shadows</a>, <a href="javascript:MGTut.showStep(\'resizeElement\');">resize</a>, <a href="javascript:MGTut.showStep(\'elemId\');">delete</a>, <a href="javascript:MGTut.showStep(\'quickEdit\');">edit</a>, <a href="javascript:MGTut.showStep(\'copyElement\');">copy & paste</a>, <a href="javascript:MGTut.showStep(\'add\');">insert</a> elements and many more. Also, you can <a href="javascript:MGTut.showStep(\'undoRedo\');">undo / redo</a> your changes, <a href="javascript:MGTut.showStep(\'save\');">save</a>, <a href="javascript:MGTut.showStep(\'embed\');">embed</a> them in a bookmarklet and even <a href="javascript:MGTut.showStep(\'publish\');">publish</a> them to the world. <br><br>The most surprising is that you can <b>do them all from your browser.</b><br><br>What do you want to do now?',
		'welcome_skip'			: 'Skip',
		'welcome_skip_msg'		: 'I already know Jelliphy and want to start.',
		'welcome_hint'			: 'Show index',
		'welcome_hint_msg'		: 'Just show me the Index of Contents.',
		'welcome_next'			: 'Go ahead',
		'welcome_next_msg'		: 'OK, Let\'s take a look at this tutorial.',
		'welcome_no_el_selected': 'Please select an element in the page to properly see this slide',
		'welcome_pro_ext_only'	: 'The content of this slide refers to a function available in <b>EXT</b> and <b>PRO</b> editions only.',
		'welcome_pro_only'		: 'The content of this slide refers to a function available in the <b>PRO</b> edition only.',

		'welcome_ext_only'		: 'The content of this slide refers to a function available in the <b>EXT</b> edition only.',
		'welcome_selected_text' : 'Please select an element containing some text to properly see this slide',
		'welcome_empty_trsf'	: 'Please perform any action (for example delete, resize or move any element) to properly see this slide',
		'welcome_check_again'	: ' (<a href="javascript:MGTut.showStep();">click here</a> to check this again)'
	},

	warnings : {

		'save_empty_transform'	: 'No action to save.',
		'save_error'			: 'Error saving transformation.',
		'save_errors'			: {2 : 'Possible hacking attempt in PHP code of Advanced Match.'},
		'delete_missing_filename': 'Please select an existing transformation to delete.',
		'save_missing_filename'	: 'Please enter a valid transformation name to save.',
		'open_missing_filename'	: 'Please enter a valid transformation name to open.',
		'delete_error'			: 'Error deleting transformation.',
		'open_error'			: 'Error opening transformation.',
		'open_empty'			: 'Empty chain returned.',
		'open_no_undo'			: 'Unable to remove current chain.<br/>Please reload the page to manually remove it.',
		'open_no_undo_last'		: 'Unable to undo last action(s).<br/>Please reload the page to manually remove it.',
		'embed_empty'			: 'Please enter a name and select a transformation at least.',
		'publish_error'			: 'Error publishing transformations.',
		'published_error'		: 'Error retrieving published transformations.',
		'publish_empty'			: 'Select at least one transformation to publish.',
		'import_not_supported'	: 'Upload file functionality is not supported in this browser.',
		'import_not_supported2'	: 'Paste file content into',
		'export_not_supported'	: 'Download file functionality is not supported in this browser.',
		'export_not_supported2'	: 'Copy the trasformations',
		'export_empty_transform': 'No action to export.',
		'uid_pwd_empty'			: 'Please enter a username and a password.',
		'uid_pwd_wrong'			: 'Wrong username / password.',
		'listfile_error'		: 'Error reading workdir',
		'rule_load_error'		: 'Error loading CSS rules',
		'exit_error'			: 'Error logging out.',
		'save_options_error'	: 'Error saving options',
		'unknown_error'			: 'Unknown Error',
		'save_options_success'	: 'Options saved successfully',
		'restore_options_error'	: 'Error restoring layout',
		'restore_options_success': 'Original layout restored successfully',
		'version_out_of_date'	: 'Current version is out of date.<br>Press <b>Ctrl+R</b> to update.',
		'ext_pro_feature'		: 'You need to use the <b>EXT</b> bookmarklet or the <b>PRO</b> edition to perform this action.<br>',
		'full_only_view'		: 'This view is available only in the <b>PRO</b> edition.<br>',
		'full_only_feature'		: 'This action can be performed only with the <b>PRO</b> edition.<br>',
		'full_only_upload'		: 'You can upload your images only using the <b>PRO</b> edition.<br/>However, you can enter the URL of any image from the web.<br>',
		'full_only'				: '<br>Try now the <a href="http://demo.dispage.com" target="_blank">online demo</a> to see how the PRO works and visit <a href="http://www.dispage.com/products/jelliphy" target="_blank">Jelliphy webpage</a> for more details.',
		'embed_bml_empty'		: 'Please <b>save</b> a transformation before to embed it in an bookmarklet.',


		'ext_embed'				: 'Embedding transformations in a bookmarklet is an action available in the <b>EXT</b> edition only.<br>',
		'ext_embed_full'		: '<br><br>Use the <a href="javascript:MGTut.showStep(\'publish\');">publish</a> action instead.',
		'ext_only'				: '<br>Visit <a href="http://www.dispage.com/products/jelliphy" target="_blank">Jelliphy webpage</a> for more details.',
		'edit_select_element'	: 'Please select an element.',
		'no_drag_element'		: 'This element cannot be moved as contains an &lt;iframe&gt;.<br>Try to cut and paste it.',
		'publish_wrong_order'	: 'Please manually unpublish transformations with higher Group Orders before to publish this one.',
		'change_copyright_denied': 'Copyright elements cannot be changed with Jelliphy.',
		'change_attr_denied'	: 'This attribute cannot be changed with Jelliphy.',
		'file_loaded_twice'		: 'Id tag conflict (most likely a transformation has been loaded twice).',
		'empty_new_rule'		: 'Please enter a valid selector',
		'new_rule_denied_for_ie': 'New rules cannot be added from Internet Explorer',
		'action_not_allowed'	: 'Action not allowed for this element',
		'option_enter_required'	: 'Please fill all the required fields.',
		'old_password_length'	: 'Old Password must be at least 6 character length.',
		'new_password_length'	: 'New Password must be at least 6 character length.',
		'passwords_differ'		: 'New Password differs from confirmation value.',
		'new_old_password_equal': 'New Password must be different from the old.',
		'serial_incorrect'		: 'Wrong Serial Code format.',
		'ie_version_incompatible': 'Although the transformations performed with Jelliphy are correctly displayed with Internet Explorer 7, a version greater or equal than 8 is needed to access the Jelliphy graphic interface.'
	},

	confirms : {

		'edit_transform'		: 'Next transforms will be flushed.<br/>Confirm?',
		'save_overwrite'		: 'A transformation with this name already exists.<br/>Overwrite existing transformation?',
		'delete_file'			: 'Confirm transformation deletion?',
		'load_overwrite'		: 'Transform chain will be emptied.<br/>Confirm content flushing?',
		'error_checking_serial'	: 'Could not check Serial Code.',
		'save_options_anyway'	: '<br/>Save options anyway?'
	},

	errorCodes : {

		100						: 'Error on session initialization.',
		101						: 'File does not exists.',
		102						: 'Invalid file'
	},

	common : {

		'status_loading'		: 'Loading...',
		'status_ready'			: 'Ready',
		'panel_views'			: 'QuickAdvanced',
		'text_shadow_title'		: 'Text Shadow',
		'text_shadow_text'		: 'TEXT',
		'box_shadow_title'		: 'Box Shadow',
		'box_shadow_text'		: ''
	},

	tutorial : {
		start: {
			title: 'Get Started',
			body: 'To begin, let\'s get familiar with the <b>Jelliphy Panels</b>.<br><br>Jelliphy Panels holds all the Jelliphy functions and can be moved and resized for a better view of the underlying page.<br><br>Try to<ul><li><b>Drag</b> the Main Panel by any area outside of the buttons</li><li><b>Resize</b> it by dragging the blinking areas</li></ul>'
		},
		main: {
			title: 'Main Panel',
			body: 'We start exploring Jelliphy from <b>Jelliphy main panel</b>, the cornerstone of Jelliphy operation.<br><br>The panel mainly consists of a <b>top menu bar</b> with all the Jelliphy functions and a <b>Button Area</b>.<br><br>Now let\'s focus on the Button Area: you can select the Jelliphy mode by clicking a button.<br><br>The available modes are<br><br><b><a href="javascript:MGTut.showStep(\'nav\');">Navigation</a> | <a href="javascript:MGTut.showStep(\'edit\');">Edit</a> | <a href="javascript:MGTut.showStep(\'add\');">Add</a></b>'
		},
		nav: {
			title: 'Navigation Mode',
			body: 'This mode allows to navigate the site and keep Jelliphy open.<br><br>You can try to <b>click any link in this page</b> (except external links) and see that you are still logged in Jelliphy.<br><br>Please note that if you do so this tutorial will restart.'
		},
		edit: {
			title: 'Edit Mode',
			body: 'Edit Mode is the core mode of Jelliphy: <b>you can modify the web page</b> (both HTML and CSS) when you select this mode.<br><br>Try to <b>select any element in the page simply clicking on it</b>'
		},
		propPanel: {
			title: 'Element Properties Panel',
			body: 'Now we focus on the workspace of the Properties Panel. We can find<ul><li>The <a href="javascript:MGTut.showStep(\'elemId\');"><b>Element Identification</b></a> section at top</li><li>The <a href="javascript:MGTut.showStep(\'contentSec\');"><b>Content section</b></a> below</li><li>The <a href="javascript:MGTut.showStep(\'propMain\');"><b>Properties and Attributes</b></a> section, that is the largest</li></ul>'
		},
		elemId: {
			title: 'Element Identification',
			body: 'The element tag is displayed at the top-left of the panel, (now it is filled with "<span id="mg-tut-plc1"></span>").<br><br>On the top right you can find a <b>trash icon</b>, now blinking, to <b>remove the selected element from the page</b>: you can try it now but then please select another element to continue this tutorial.'
		},
		jlphActions: {
			title: 'Jelliphy actions',
			body: 'Generally speaking, Jelliphy actions can be <b>performed in several ways</b>: clicking a <b>menu item</b> in the main panel, using any <b>contextual tool</b> or pressing the related <b>Hotkey</b> on the keyboard.<br><br>For example to delete an element you can choose one of the following alternatives to the click of the trash icon reported in the <a href="javascript:MGTut.showStep(\'elemId\');">previous slide</a>:<ul><li> Select the blinking "<b>Edit</b>" menu item from the Main Panel, and then "<b>Delete</b>"</li><li>On your keyboard, press the HotKey that is shown on the right of some menu items: "<b>Del</b>" in this case</li></ul>'
		},
		contentSec: {
			title: 'Content Section',
			body: 'If selected element is not auto-closing (it is not an image, an input field, etc&hellip;) the items below are displayed in this section:<ul><li> the beginning of the <b>element\'s content</b></li><li>an icon to access the <b>Advanced Edit</b> panel with specific syntax highlight and other useful features</li></ul>'
		},
		advancedEdit: {
			title: 'Advanced Edit',
			body: 'Edit HTML text with the <b>Advanced EditArea tool</b> and commit your changes clicking the "Save" (blinking) icon.<br><br>Element can be also <b>quickly edited</b> in place, as shown in the next slide.'
		},
		quickEdit: {
			title: 'Quick edit',
			body: 'Element edit can be also done in a swifter way: try to <b>double-click any element in the page</b> (it works also if you double click the selected element).<br><br>A small panel for quick edit will pop up just under the element: you can make all the changes you want in it and then click the blinking confirm icon on the top right'
		},
		quickEdit2: {
			title: 'Quick edit - details',
			body: 'Another way to edit in-place is to <b>single-click</b> an element and then click the <b>quick edit icon</b> on the bottom right of the cursor (now blinking if an element large enough to hold the context quick panel is selected).<br><br>Please note another difference with Advanced Edit: Quick Edit allows you to <b>edit the element itself</b>, not only its content. For instance you may decide to manually change a &lt;TD&gt; into a &lt;TH&gt; or whatever else using this tool.'
		},
		propMain: {
			title: 'Properties and Attributes',
			body: 'This is the main section of the panel: it is a graphic tool to <b>modify the element attributes and properties</b>, grouped in subpanels.<br><br>The layout is fully customizable: you can try to<ul><li><b>Expand</b> a collapsed subpanel clicking the yellow-blinking icon.</li><li><b>Move the "Style - Text" subpanel to the bottom</b> dragging it by the purple-blinking header</li></ul>'
		},
		background: {
			title: 'Changing background and opacity',
			body: 'Now we begin to change some basic properties: <b>Opacity</b> and <b>Background color</b>.<ul><li>Drag the cursor of the <b>Opacity</b> slider in the purple-blinking area to change the element opacity</li><li>Click the color selector in the yellow-blinking area to make the <b>Color Picker</b> panel appear.</li></ul>'
		},
		colorPicker: {
			title: 'Color Picker',
			body: 'This is an advanced color picker that helps you to select a color for fonts, background, borders and any other color property. To pick a color you can <ul><li>Drag the markers in the <b>Color field</b> and the <b>Color Slider</b> on the left</li><li>Switch among the <b>H</b>, <b>S</b>, <b>V</b>, <b>R</b>, <b>G</b> and <b>B</b> color filters</li><li><b>Enter a value</b> in the input fields</li><li>Pick a color from the <b>Palette</b> on the right</li></ul><br>Once you have chosen a color <b>click the OK button</b>'
		},
		textFormatting: {
			title: 'Text Formatting',
			body: 'Now try the most common text format options (now blinking):<ul><li>Change the font <b>type and size</b></li><li><b>Bold, italic and underline</b>Convert to <b>upper/lower case</b> or <b>capitalize</b></li><li>Change <b>text color</b></li><li><b>Left / center / right align</b> or <b>justify</b></li></ul><br><b>Note:</b> If selected element contains other elements, text formatting may not be applied to all of them.'
		},
		addTextShadow: {
			title: 'Add Text Shadow',
			body: 'Another useful property allows to add Text Shadows to any element.<ul><li>Click the purple-blinking button to add a <b>default shadow</b> to the text in the selected element</li><li>Click the yellow-blinking "more" button to make the <b>Text Shadow</b> panel appear.</li></ul><br><b>Note:</b> Jelliphy uses a specific JlQ library for text shadows so that they are <b>rendered in Internet Explorer</b> too.'
		},
		textShadowPanel: {
			title: 'Text Shadow Panel',
			body: 'You can visually customize any text shadow from this panel thanks to the preview.<ul><li><b>Drag\'n\'drop the red shadow</b> of the "TEXT" writing in the canvas to move the shadow</li><li>Change the shadow <b>Color</b> with the "Color" selector on the bottom left</li><li>Modify the shadow <b>Blur</b> using the input spinner field on the right of the previous selector</li></ul>'
		},
		advancedProperties: {
			title: 'Advanced Property View',
			body: 'A feature you may also find useful is the <b>Advanced View</b> of properties. Switch to the Advanced Text properties by clicking the blinking "Advanced" button<br><br>Then, if you try to <b>unselect</b> the element and <b>move the cursor accross the page</b>, you will see that the Advanced properties (as well as the attributes and all the other textual info) are <b>real-time updated</b>'
		},
		resizeElement: {
			title: 'Resizing elements in place',
			body: 'Another smart Jelliphy function is the <b>in-place resizing</b>.<br><br><b>Select any element</b> and then <b>drag the blinking areas</b> on the bottom-right corner of the cursor'
		},
		moveElement: {
			title: 'Moving elements in the page',
			body: 'Jelliphy allows to move elements in the page with extraordinary ease.<br><br>Try to <b>select any element</b> in the page and then <b>drag it to any</b> position.<br><br>If the element is statically anchored to the page (that is its position property is static or relative), Jelliphy guides you to reposition the element among the other static elements: you can <b>drop the element when the cursor is green</b>.'
		},
		moveElement2: {
			title: 'Moving absolute positioned elements',
			body: 'Now let\'s get rid of reposition constraints:<ul><li>First, change the element position to "Absolute": to do so, <b>click once the blinking anchor</b>. If selected element is already absolute positioned you don\'t need to do this step</li><li>Then, drag\'n\'drop the element as in the previous slide: you will notice that you can <b>drag it anywhere in the page without constraints</b></li></ul>'
		},
		copyElement: {
			title: 'Copy and paste elements',
			body: 'Here is another function that you are going to use often: copy and paste<ul><li>Select any element</li><li>Press <b>Ctrl + C</b> on your keyboard or click the blinking "<b>Edit</b>" menu item from the Main Panel, and then "<b>Copy</b>"</li><li>Select another element</li><li>Click again "<b>Edit</b>" and then something among "<b>Paste after</b>", "<b>Paste inside</b>", "<b>Paste before</b>", "<b>Paste replace</b>" or press the corresponding HotKeys on your keyboard</li></ul>'
		},
		undoRedo: {
			title: 'Undo - Redo',
			body: 'If you have followed all the instructions your page should look a bit messed up now ;-) .<br>What about undoing the last actions? It couldn\'t be easier: just press the usual <b>Ctrl + Z</b> on your keyboard to undo and <b>Ctrl + Y</b> to redo (you can also use the Edit &rarr; Undo and Edit &rarr; Redo menu items if you prefer).<br><br>Need an advanced management? <b>Open the history panel</b> from View &rarr; Tools &rarr; History'
		},
		historyPanel: {
			title: 'Navigate the History Panel',
			body: 'Use this panel to<ul><li><b>Jump to any recent state</b> clicking the purple-blinking icon that appears when you highlight a state</li><li><b>Edit current action</b> clicking the yellow blinking icon (for advanced users)</b></li></ul> '
		},
		domtree: {
			title: 'Navigate the DOM tree',
			body: '<b>DOM tree</b> can be navigated and <b>elements can be selected</b> from this panel.<br><br>This come in use to select certain elements that can be hardly selected from the page'
		},
		cssRules: {
			title: 'CSS Rules',
			body: 'You can <b>view/edit/delete</b> CSS rules from this tab. Try to<ul><li><b>Add a new Rule</b> clicking the plus icon in the brown header</li><li><b>Edit a Rule selector</b> clicking on it</li><li><b>Delete a Rule</b> clicking the trash icon that appears on highlighting</li><li><b>Add a new property</b> to a Rule clicking the plus icon in the highlight area</li><li><b>Edit a property</b> clicking on it</li><li><b>Delete a property</b> clicking the trash icon that appears when highlighting the property</li></ul><br>You can select a specific stylesheet or view all stylesheets together and filter the rules by name from the top-bar tools'
		},
		add: {
			title: 'Add new elements to the page',
			body: 'Now let\'s add some new elements to the page<ul><li>First we have switched to the Add Mode (purple-blinking)</li><li>Now <b>select any element</b> (by clicking a button) from the Add panel</li><li>Finally <b>drag it by the top-left handler</b> (yellow-blinking) and drop it anywhere in the page</li></ul>'
		},
		add2: {
			title: 'Change properties before adding',
			body: 'Element properties can be changed before to add it to the page. This slide also shows how to switch between elements in a group:<ul><li><b>Click the "More" icon</b> at the top right of the first add Group (yellow-blinking)</li><li>Now <b>select any element</b> from the group on the right of the Add panel</li><li><b>Edit default text</b> with the Advanced Edit tool</li><li><b>Switch position</b> to absolute</li><li>Finally <b>drag it</b> to the page as shown in the previous slide</li></ul>'
		},
		add3: {
			title: 'Add a table',
			body: 'Let\'s add a table:<ul><li>Click the <b>"Table"</b> element in the Add Panel</li><li>Now change the <b>row, columns and withheader attributes</b> (blinking)</li><li><b>Add it</b> to the page</li><li>Optionally, you can <b>remove the dashed borders</b> of the table by removing the "class: mg-editing-table" attribute</li></ul><br><b>Note:</b> the attributes above <b>can be used also in Edit mode</b> with all tables'
		},
		transMgmt: {
			title: 'Transformation Management',
			body: 'This section deals with the tools that Jelliphy provides to keep your transformations across sessions.<br><br>Also, it shows how to publish them to the world so that they are displayed to any page visitor without launching Jelliphy (PRO edition)'
		},
		save: {
			title: 'Save transformations',
			body: 'You might want to save your work to reload it later: here\'s how<ul><li>Click the <b>"File"</b> item in the Main panel, then <b>"Save as"</b></li><li>Enter a name in the <b>"Name"</b> input field at the bottom of the Save popup to save it as new or <b>click an existing transformation</b></li><li>Click the <b>"Save"</b> button in the panel</li></ul>'
		},
		restore: {
			title: 'Restore page',
			body: 'Now before to load again the transformation you have just saved you need to restore the page to its original state: click <b>"Edit"</b> and <b>"Restore Original"</b><br><br>Please note that this is required only to prevent conflicts on loading the same transformation twice: generally speaking, <b>you are allowed to load simultaneously more transformations</b>.'
		},
		load: {
			title: 'Load transformations',
			body: 'Now try to load again the transformation<ul><li>Click <b>"File"</b> and then <b>"Open"</b></li><li>Click the transformation and then "Open" button or just <b>double-click</b> it</li></ul>'
		},
		'export': {
			title: 'Export transformations',
			body: 'Trasformations can be also saved locally: click <b>"File"</b> &rarr; <b>"Export"</b> and then do one of the followings<ul><li><b>Right-click the "Download" link</b> at the bottom-left of the Export panel and then select <b>"Save Target As"</b> from the Popup Menu (feature not available in Internet Explorer)</li><li>Or <b>click the "XML Editor"</b> link at the bottom-right, copy the hightlighted text in your clipboard and save to any local file</li></ul>'
		},
		'import': {
			title: 'Import transformations',
			body: 'Now we try to import the just saved transformation: <ul><li>First of all select <b>"Edit"</b> &rarr; <b>"Restore Original"</b> to avoid to load the same transformation twice</li><li>Then select <b>"File"</b> &rarr; <b>"Import"</b></li></ul><br>Now you can<ul><li>Click the <b>"Choose"</b> button and upload the file just exported (feature available only in the browsers listed in the <a href="http://www.dispage.com/products/jelliphy/details#browser-comp-tab" target="_blank">browser compatiblity sheet</a>)</li><li>Or <b>click the "XML Editor"</b> link at the bottom, paste the transformation text to the Edit Area and finally click the <b>"commit"</b> icon on the top left of the XML Editor panel</li></ul>'
		},
		embed: {
			title: 'Embed transformations in a bookmarklet',
			body: 'With the Extended bookmarklet, you cannot obviously change the way the page is displayed to the other users. However, you can select some transformations <b>to be embedded</b> in a customized bookmarklet so as to be applied again in one click.<ul><li>Click <b>"File"</b> &rarr; <b>"Embed"</b> to access the <b>"Embed Transformations"</b> panel</li><li><b>Select the transformations to embed</b></li><li>Enter a name for the customized bookmarklet</li><li>Click the <b>"Get bookmarklet"</b> button</li><li>Add your customized link to your favorites</li></ul><br>To get to the transformed page you have simply to:<ul><li>Go to the page <b>without loading Jelliphy</b></li><li><b>Click your customized link</b></li></ul>'
		},
		publish: {
			title: 'Publish transformations',
			body: 'Finally we publish our transformations to all the users of the site.<ul><li>The <b>"Publish Transformations"</b> panel can be accessed clicking <b>"File"</b> &rarr; <b>"Publish"</b></li><li><b>Select the transformations to publish in the exact order</b> they have to be applied to the page</li><li>Click the <b>"Publish"</b> button to share your work with the world</li></ul>'
		},
		finish: {
			title: 'That\'s all',
			body: 'And now start to <b>Jelliphy the web!</b><br><br>The <b>only constraint is your imagination!!!</b>'
		}
	}
};